﻿@charset "utf-8";



a{font-family:微软雅黑,"微软雅黑",Verdana,arial,"宋体",Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration: none; cursor:pointer;}

a:link   {color:#444;}

a:visited{color:#444;}

a:hover  {color:#1d4f8b;}

a:active {color:#1d4f8b;}



/*去掉链接（包括图片链接）的虚线边框*/ 

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 

:focus { outline: none; }/* for Firefox */  



::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }

::-webkit-scrollbar { width: 15px; background-color: #F5F5F5; }

::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #54cdd7; }





body { background:#fff; text-align:left; margin:0; color:#666; line-height:22px; position:relative; width:100%;}

div,ul,dl,dt,dd{ margin:0; padding:0;list-style:none;}

body,td,input,select,textarea{ font-family:微软雅黑,"微软雅黑",Verdana,arial,"宋体",Helvetica, sans-serif; font-size:12px;}

img{ border:0;}

form{ margin:0; padding:0;}

input,select{ vertical-align:middle;}

p{ margin:0; padding:0;}

hr{border-top:#e1e1e1 1px solid; border-bottom:#fff 1px solid; background:none; border-left:none; border-right:none}

*{-webkit-text-size-adjust:none;} /*解决webkit内核浏览器强制最小字体*/

h1,h2,h3,h4 { margin:0px; padding:0px; font-weight:normal; color:#333;}

/*css3过渡效果*/

a,li,p,div{transition:background-color 0.4s,color 0.3s;-webkit-transition:background-color 0.4s,color 0.3s;-moz-transition:background-color 0.4s,color 0.3s; -o-transition:background-color 0.4s,color 0.3s;}

button { border:0px; margin:0px; padding:0px; background:#ea4f5f; cursor:pointer; }



/*公共*/

.blank{clear:both; height:0; line-height:0; font-size:0; margin:0; padding:0; z-index:1}

.hide{ display:none;}

.textCenter{ text-align:center;}

.globalBox{ position:relative; z-index:10; width:100%; max-width:1440px; margin:0 auto; *width:expression(this.offsetWidth > 1440 ? '1440px': true); clear:both;}

.globalWidth{ position:relative; z-index:10; width:1000px; margin:0 auto; text-align:left; clear:both;}

.floatL{ float:left;}

.floatR{ float:right;}

/* clearfix */

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }



/*-- ui-loading --*/

.ui-loading { overflow: hidden; }

.ui-loading img { transition: all .3s ease-in;  -moz-transition:all .3s ease-in; /* Firefox 4 */ -webkit-transition:all .3s ease-in; /* Safari and Chrome */ -o-transition:all .3s ease-in; /* Opera */ }

.ui-loading:hover img {  -webkit-transform: scale(1.1); -moz-transform:scale(1.1); }





/*返回顶部

#back-to-top{ position:fixed; bottom:50px; left:1%; display: block; z-index:999; background:#f9f9f9; border-radius:1em; border:#e1e1e1 1px solid; box-shadow:rgba(0,0,0,0.1) 0 0 1em;}

#back-to-top p{ padding:4px 8px; margin: 0; border-top:#e1e1e1 1px solid; text-align:center; vertical-align: bottom;}

#back-to-top p:first-child{ border-top:none;}

#back-to-top p span{ color:#ef9a30;}

#back-to-top a{ text-align:center; text-decoration:none; display:inline-block;}

#back-to-top a.ico_QQ em{display:inline-block; width: 80px; height: 80px;background:url(../images/QQ.png) center top no-repeat; vertical-align:bottom;}

#back-to-top a.ico_QQ:hover em{ background-position: center -80px;}

#back-to-top a#ico_top{background:url(../images/totop.png) center top no-repeat; width: 32px; height: 32px; margin:0 4px;vertical-align:bottom;}

#back-to-top a#ico_top:hover{ background-position:center -32px;}

#back-to-top a#ico_ewm{position: relative; background:url(../images/totop.png) center -64px no-repeat; width: 32px; height: 32px; margin:0 4px;vertical-align:bottom;}

#back-to-top a#ico_ewm:hover{ background-position:center -96px;}

#back-to-top a#ico_ewm img{position:absolute; left:100%; margin-left:13px; top:auto; bottom:-2px; display: none; max-width: 120px; background:#fff; padding: 5px; border:#e1e1e1 1px solid;}

#back-to-top a#ico_ewm:hover img{ display:block;}*/





/*浮动窗2*/

#back-to-top{ position:fixed; bottom:50px; left:1%; display: block; z-index:999; background:#f9f9f9; border-radius:1em; border:#e1e1e1 1px solid; box-shadow:rgba(0,0,0,0.1) 0 0 1em;}

#back-to-top p{ padding:4px 8px; margin: 0; border-top:#e1e1e1 1px solid; text-align:center; vertical-align: bottom;}

#back-to-top p:first-child{ border-top:none;}

#back-to-top p span{ color:#ef9a30;}

#back-to-top a{ text-align:center; text-decoration:none; display:inline-block;}

#back-to-top a.ico_QQ em{display:inline-block; width: 80px; height: 80px;background:url(../images/QQ.png) center top no-repeat; vertical-align:bottom;}

#back-to-top a.ico_QQ:hover em{ background-position: center -80px;}

#back-to-top a#icoTop{background:url(../images/totop.png) center top no-repeat; width: 32px; height: 32px; margin:0 4px;vertical-align:bottom;}

#back-to-top a#icoTop:hover{ background-position:center -32px;}

#back-to-top a#icoEwm{position: relative; background:url(../images/totop.png) center -64px no-repeat; width: 32px; height: 32px; margin:0 4px;vertical-align:bottom;}

#back-to-top a#icoEwm:hover{ background-position:center -96px;}

#back-to-top a#icoEwm img{position:absolute; left:100%; margin-left:13px; top:auto; bottom:-2px; display: none; max-width: 120px; background:#fff; padding: 5px; border:#e1e1e1 1px solid;}

#back-to-top a#icoEwm:hover img{ display:block;}





/*---头部---*/

#header { width:100%; height:110px; background:url(../images/headbg.png) repeat-x; z-index:3; /*position: absolute;*/ top: 0; }

.head { width:1500px; height:110px; margin:auto; z-index:1000; position:relative; }

.head .logo { width:250px; padding:17px 10px 0px 0px; }

#nav { width:850px; height:110px; color:#444; display:block; }

#nav li { height:100px; text-align:center; display:inline-block; float:left; z-index:105; position: relative;  }

#nav .tli { }

#nav .tli .navli { width:140px; height:100px; line-height:99px; text-align:center; font-size:16px; display:inline-block; table-layout:fixed; word-break: break-all; color:#444; overflow:hidden; text-transform:uppercase; border-top: 5px solid #fff; }

#nav .tli a.navli:hover,#nav .tli.active a.navli { border-top:5px solid #54cdd6; color:#54cdd6; }

#nav li.Currpage a.navli,#nav .hover  { border-top:5px solid #54cdd6; color:#54cdd6;}

#nav .tli p{ min-width:110px; position:absolute; z-index:10000; left:0px; top:85px; margin:0; padding:35px 15px 15px; white-space:nowrap; display:none; background:#fff; color:#444; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px;}

#nav .tli p a,#nav .tli.active p a{ display:block; padding:6px 0px; font-size:15px; color:#444; line-height:26px; text-align:center; }

#nav .tli p a:hover { color:#54cdd7; }

#subMenu_bg {    }





.head_r { width:290px; height: 44px; margin-top: 33px; }

.head_r a { width:120px; height: 44px; border-radius: 5px; text-align: center; display:inline-block; line-height: 44px; color: #fff; font-size: 16px; margin-left:20px; float: right;}

.head_r .regbtn { background: #fbc53c; }

.head_r .regbtn:hover { background: #ff7e3e; }

.head_r .signbtn { background: #54cdd6; }

.head_r .signbtn:hover { background: #4eadd8; }







/*---底部---*/

#footer { width:100%; padding:50px 0 0;  background:#000; }

.footblock { width:1500px; height:100px; margin:0 auto 50px; line-height:29px; font-size:13px; }



.footblock .fb_l { width:350px; height: 100px; margin:0 15px 0px 0; position:relative; }

/*.footblock .fb_l .company { width: 100%; float:left; color: #fff; line-height: 30px; margin-bottom: 8px; }*/

.footblock .fb_l .add, .footblock .fb_l .email,.footblock .fb_l .phone,.footblock .fb_l .company { width:100%; float: left; height:28px; line-height:28px;  background: url(../images/icon5.png) no-repeat; padding-left:28px; color:#bcbcbc; }
.footblock .fb_l .add{ width:100%; float: left; height:28px; line-height:28px;  background: url(../images/icon5.png) no-repeat; padding-left:28px; color:#bcbcbc; }

.footblock .fb_l .add { background-position:  -7px 3px;}

.footblock .fb_l .email { background-position: -7px -35px;}

.footblock .fb_l .phone { background-position: -7px -70px;}

.footblock .fb_l .company { background-position: -7px -113px;}

.footblock .fb_m { width:250px; margin: 0 auto; position: relative; white-space: nowrap;}

 .tel { /*width:245px;float:left;*/ height:36px;background:url(../images/icon5.png) -7px -150px no-repeat; padding-left:28px; color:#bcbcbc; font-size:24px; line-height:34px; }

.footblock .fb_m .follow { /*width:155px; float: left; */ margin:8px 0 0 8px;}

.footblock .fb_m a { position: relative; width:48px; height:48px; margin-right:15px; display:inline-block; float:left; background:url(../images/icon7.png) no-repeat; }

.footblock .fb_m a img.hide{ position:absolute; width:120px; padding:5px; background: #fff; bottom:120%; top:auto; left:-42px; right: 0; margin: 0 auto; display: none; border: #e1e1e1 1px solid; box-shadow:rgba(0,0,0,0.08) 0 0 1em; border-radius:4px;}

.footblock .fb_m a:hover img.hide{ display:block;}

.footblock .fb_m .qq { background-position:center -100px;}

.footblock .fb_m a.qq:hover { background-position:center -150px;}

.footblock .fb_m .wx { background-position:center top;}

.footblock .fb_m a.wx:hover { background-position:center -50px;}

.footblock .fb_m .wx2 { background-position:center -200px;}

.footblock .fb_m a.wx2:hover { background-position:center -250px;}



#wxbox{ width:120px; height:120px; padding:10px; background:#eee; position:absolute; bottom:44px; right:-34px; cursor:pointer; display:none;

_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); overflow:hidden; z-index:1001;}



.footblock .fb_r { width:380px; }

.footblock .fb_r .fbnav { text-align:right; color:#888; }

.footblock .fb_r .fbnav a { color:#888; font-size:13px; margin:0px 3px; }

.footblock .fb_r .fbnav a:hover,.footblock .fb_r .copyright a:hover { color:#aaa;}

#footer .copyright { width:1500px;  line-height: 30px; margin: auto;  border-top: 1px solid #434343;  text-align:center; color:#777; font-size:13px; } 

#footer .copyright a { color:#aaa; }





@media screen and (max-width:1440px) {



.head { width:1200px;}

#nav { width:810px; }

#nav .tli .navli { width:135px; }

#nav .tli p { min-width:105px; left:-15px; top:85px; padding:35px 15px 15px;}







.footblock { width:1200px;}

.footblock .fb_l { width:345px;}

/*.footblock .fb_m { width:360px;}

.footblock .fb_m .tel { width:225px; }*/



#wxbox{bottom:44px; right:-45px;}



.footblock .fb_r { width:330px;}

#footer .copyright { width:1200px;}

	

}







@media screen and (max-width:1280px) {



.head { width:1000px;}

.head .logo { width:190px; padding:20px 5px 0px 0px;  }

.head .logo img { width:190px;  }

#nav { width:570px; }

#nav .tli .navli { width:95px; }

#nav .tli p { min-width:95px; left:-15px; top:85px; padding:35px 15px 15px;}



.head_r { width:215px; height: 38px; margin-top: 36px; }

.head_r a { width:88px; height: 38px; line-height: 38px; font-size: 15px; margin-left:12px; }

.head_r .regbtn { margin: 0;}





.footblock { width:1000px;}

.footblock .fb_l { width:315px;}

/*.footblock .fb_m { width:330px;}

.footblock .fb_m .tel { width:195px; }*/



#wxbox{bottom:44px; right:-45px;}



.footblock .fb_r { width:300px;}

#footer .copyright { width:1000px;}

	

}


.hot-city{margin-top:20px;line-height:22px;background:#fff;color:#5e5e5e}
.hot-city .city-wrap{width:1190px;margin:0 auto;padding:30px 0 20px;border-bottom:1px solid #e5e5e5;line-height:22px}
.hot-city .city-wrap .city-list{width:100%}
.hot-city .city-wrap .city-list .list-label{float:left;width:75px}
.hot-city .city-wrap .city-list .list-item{overflow:hidden}
.hot-city .city-wrap .city-list .list-item a{padding-right:8px;color:#5e5e5e;text-decoration:none}
.hot-city .city-wrap .city-list .list-item .item-zhenghun{padding:0}
.hot-city .city-wrap .clearfix{zoom:1}
.hot-city .city-wrap .clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}


@media screen and (max-width:640px) {
.hot-city{margin:20px;}
.hot-city .city-wrap{width:100%; max-width:640px;}

}



.client-2{position:fixed;right:-170px;top:50%;z-index:900}
.client-2 ul{overflow:inherit}
.client-2 li a{text-decoration:none}
.client-2 li{margin-top:1px;clear:both;height:62px;position:relative;padding: 1px 0;}
.client-2 li i{background:url(/skin/tcpc/images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center}
.client-2 li p{height:20px;font-size:12px;line-height:20px;overflow:hidden;text-align:center;color:#fff}
.client-2 .my-kefu-qq i{background-position:4px 5px}
.client-2 .my-kefu-tel i{background-position:0 -21px}
.client-2 .my-kefu-liuyan i{background-position:4px -53px}
.client-2 .my-kefu-weixin i{background-position:-34px 4px}
.client-2 .my-kefu-weibo i{background-position:-30px -22px}
.client-2 .my-kefu-ftop{display:none}
.client-2 .my-kefu-ftop i{width:33px;height:31px;background-position:-23px -47px;background-size:52px 82px}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top:6px}
.client-2 .my-kefu-left{float:left;width:62px;height:47px;position:relative}
.client-2 .my-kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px}
.client-2 .my-kefu-right{width:20px}
.client-2 .my-kefu-tel-main{background:#0061ae;color:#fff;height:62px;width:230px;padding:9px 0 0;float:left}
.client-2 .my-kefu-main{background:#0061ae;width:97px;height:62px;position:relative;padding:9px 0 0;float:left}
.client-2 .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333}
.my-kefu-weixin-pic img{width:115px;height:115px}


.g_fnva{background:#333333; height:4.4rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:9999;font-size: 1.1rem;}
.g_fnva li{height:4.4rem;width:33.3%; float:left; text-align:center;color:#fff;position:relative;}
.g_fnva li:after{content: "";position: absolute;width: 1px; height:5.4rem;background:#3d3d3d; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;top: 0rem;right: 0;}
.g_fnva a:nth-child(4) li:after{width:0;border: 0;background:none;}
.g_fnva a:nth-child(1) li{background:#0061ae;}
.g_fnva li em{display: block;padding: 0.5rem 0 0.5rem; width:30%; margin:0 auto;}
.g_fnva li em img{ display:block;width:100%;}

@media screen and (min-width:640px) {
.g_fnva{ display:none;}
}

@media screen and (max-width:640px) {
.side{ display:none;}
}

.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#54cdd7;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li.shangqiao {background: #54cdd7;color: #f00;}
.side ul li.shangqiao a {color: #fff;}
.side ul li i.bgs1{background-image:url(/kefu/right_pic5.png)}
.side ul li i.bgs2{background-image:url(/kefu/right_pic7_on.png)}
.side ul li i.bgs3{background-image:url(/kefu/right_pic2.png)}
.side ul li i.bgs4{background-image:url(/kefu/right_pic1.png)}
.side ul li i.bgs5{background-image:url(/kefu/right_pic3.png)}
.side ul li i.bgs6{background-image:url(/kefu/right_pic6.png)}
.side ul li:hover i.bgs1{background-image:url(/kefu/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(/kefu/right_pic7.png);color: #fb3131;}
.side ul li:hover i.bgs3{background-image:url(/kefu/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(/kefu/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(/kefu/right_pic3_on.png)}
.side ul li:hover i.bgs5{background-image:url(/kefu/right_pic6_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80);background:#54cdd7;color:#fff}
.side ul li.sideewm .ewBox.son{width:150px;height: 150px;display:none;color:#363636;text-align:center;position:absolute;left:-160px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.son img{ width: 150px; height: 150px;}
.side ul li.sideetel .telBox.son{width:240px;height:120px;display:none;color:#fff;text-align:left;position:absolute;left:-245px;top:0px;background:#54cdd7}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px;margin-left: 0;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(/kefu/right_pic8.png) 28px center no-repeat;background-color:54cdd7}
.side ul li.sideetel .telBox dd.bgs2{background:url(/kefu/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}